import shop from "./shop.js";
let shopLis = $(".shopLis");
$.each(shop,(index,item)=>{
    if(index%2===0){
        $(`<div class="shopli g-f-xy-around-center">
        <div class="shopliL">
            <div class="shopliLImg"><img src=${item.img} alt="无法显示" title="${item.name}"></div>
        </div>
        <div class="shopliR">
            <div class="function g-text-15em-b">${item.function}</div>
            <div class="shopName g-text-14em">${item.name}</div>
            <div class="shopType g-text-13em-b">${item.type}</div>
            <div class="item1">${item.item1}</div>
            <div class="item2">${item.item2}</div>
            <div class="item3">${item.item3}</div>
            <div class="item4">${item.item4}</div>
            <div class="item5">${item.item5}</div>
            <div class="item6">${item.item6}</div>
            <div class="shopDes">${item.des}</div>
        </div>
    </div>`).appendTo(shopLis);
    }else{
        $(`<div class="shopli g-f-xy-around-center">
        <div class="shopliR">
            <div class="function g-text-15em-b">${item.function}</div>
            <div class="shopName g-text-14em">${item.name}</div>
            <div class="shopType g-text-13em-b">${item.type}</div>
            <div class="item1">${item.item1}</div>
            <div class="item2">${item.item2}</div>
            <div class="item3">${item.item3}</div>
            <div class="item4">${item.item4}</div>
            <div class="item5">${item.item5}</div>
            <div class="item6">${item.item6}</div>
            <div class="shopDes">${item.des}</div>
        </div>
        <div class="shopliL">
            <div class="shopliLImg"><img src=${item.img} alt="无法显示" title="${item.name}"></div>
        </div>
    </div>`).appendTo(shopLis);
    }
})
